$(window).ready(function() {
  var delay;
  // 回到顶部
  $(".pull-arrow").click(function(){
    $('html,body').animate({scrollTop:'0px'},'slow')
  })
  // 手机号码验证
  $(".submit-btn").click(function() {
    var mobile = $(`input[name='mobile']`).val();
    if (mobile && /^1[3456789]\d{9}$/.test(mobile)) {
      let data = {
        phone: mobile
      }
      $http.post('https://logikid.cn/api/v1/zx',
        data,
        {
          headers: {
              'Content-Type': 'application/json'
          }
        }
      ).then(function (rs){
        alert("提交成功");
        console.log(rs)
      }).catch(function(rs){
        alert("提交失败");
      })
    } else {
      alert("请确认您填写的手机号码");
    }
    
  });
  // 手机号码验证
  $(".sw_ipt-btn").click(function() {
    var mobile = $(`input[name='mobile-footer-bar']`).val();
    if (mobile && /^1[3456789]\d{9}$/.test(mobile)) {
      let data = {
        phone: mobile
      }
      $http.post('https://logikid.cn/api/v1/zx',
        data,
        {
          headers: {
              'Content-Type': 'application/json'
          }
        }
      ).then(function (rs){
        alert("提交成功");
        console.log(rs)
      }).catch(function(rs){
        alert("提交失败");
      })
    } else {
      alert("请确认您填写的手机号码");
    }
  });
  // 课程二级导航
  $("#work").hover(
    function() {
      // 鼠标移入时添加hover类
      if (delay) {
        clearTimeout(delay);
        delay = null;
      }
      $(".nav_sub-content").addClass("show");
    },
    function() {
      // 鼠标移出时移出hover类
      if (delay) {
        clearTimeout(delay);
        delay = null;
      }
      delay = setTimeout(() => {
        $(".nav_sub-content").removeClass("show");
      }, 500);
    }
  );
  // 课程二级导航特效
  $(".nav_sub-content").hover(
    function() {
      // 鼠标移入时添加hover类
      if (delay) {
        clearTimeout(delay);
        delay = null;
      }
      $(this).addClass("show");
    },
    function() {
      // 鼠标移出时移出hover类
      if (delay) {
        clearTimeout(delay);
        delay = null;
      }
      $(this).removeClass("show");
    }
  );

  /**
   * 彩虹图
   */
  $(".color-item").hover(
    function() {
      let age = parseInt($(this).data("age"), 10);
      if (age === 0) {
        return;
      }
      $('.blackboard').hide()
      $('.color-item-'+age,).show()
    },
    function() {
      // 鼠标移出时移出hover类
    }
  );
  // 首页课程特色
  $(".intro-item").click(function() {
    let pnode = $(this)
    .parent()
    .parent()
    .parent()
    pnode.find(".intro-imgs").hide()
    let classStr =$(this).data('img')
    pnode.find("."+classStr).show()
    $(this)
      .parent()
      .find(".intro-item")
      .removeClass("open");
    $(this).addClass("open");
  });

  // 项目作品展示
  $(".tab-item").click(function() {
    $(".tab-item").removeClass("active");
    $(this).addClass("active");
    $(".tab_content-item").hide();
    let classname = $(this).data("tabname");
    console.log(".tab-" + classname);
    $(".tab-" + classname).show();
  });

  $('.card').click(function(){
    window.location.href='./detail.html'
  })
})


